<!--
 * @Author: GKN
 * @Date: 2023-10-24 11:53:29
 * @LastEditTime: 2023-10-24 17:29:51
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\user\expand\e3.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div v-loading="loading">
        <el-form :model="form" label-width="5" size="large">
            <div class="font-title p-b" style="text-align: left;">1、拟申报项目：</div>
            <!-- 中国工业大奖 -->
            <el-form-item label="">
                <el-checkbox v-model="checked1" label="中国工业大奖" size="large" />
            </el-form-item>
            <div class="flex flex-align">
                <div style="width: 200px;">拟申报中国工业大奖</div>
                <el-radio-group v-model="form.a">
                    <el-col :span="8">
                        <el-radio label="1" >企业</el-radio>
                    </el-col>
                    <el-col :span="8">
                        <el-radio label="2" >项目</el-radio>
                    </el-col>
                    <el-col :span="8">
                        <el-radio label="3" >企业、项目都申报</el-radio>
                    </el-col>
                </el-radio-group>
            </div>
            <!-- 国家技术创新示范企业 -->
            <el-form-item label="">
                <el-checkbox v-model="checked2" label="国家技术创新示范企业" size="large" />
            </el-form-item>
            <div class="flex flex-align">
                <el-radio-group v-model="form.b">
                    <el-col :span="12">
                        <el-radio label="1" >已认走为省级以上企业技术中心</el-radio>
                    </el-col>
                    <el-col :span="12">
                        <el-radio label="2" >未认走为省级以上个业技术中心</el-radio>
                    </el-col>
                </el-radio-group>
            </div>
            <!-- 国家级“专精特新”小巨人 -->
            <el-form-item label="">
                <el-checkbox v-model="checked3" label="国家级“专精特新”小巨人" size="large" />
            </el-form-item>
            <!-- 国家级制造业单项冠军 -->
            <el-form-item label="">
                <el-checkbox v-model="checked4" label="国家级制造业单项冠军" size="large" />
            </el-form-item>
            <div class="flex flex-align">
                拟申报国家级制造业单项冠军
                <el-radio-group v-model="form.c">
                    <el-col :span="8">
                        <el-radio label="1" >企业</el-radio>
                    </el-col>
                    <el-col :span="8">
                        <el-radio label="2" >项目</el-radio>
                    </el-col>
                    <el-col :span="8">
                        <el-radio label="3" >企业、项目都申报</el-radio>
                    </el-col>
                </el-radio-group>
            </div>
            <!-- 支持先进制造业和现代服务业发展专项 -->
            <el-form-item label="">
                <el-checkbox v-model="checked5" label="支持先进制造业和现代服务业发展专项" size="large" />
            </el-form-item>
            
            
            

        </el-form>
        <div class="font-title p-b" style="text-align: left;">2.需要提供服务:</div>
        <div style="">
            <el-form>
                <el-radio-group v-model="form.d">
                    <el-radio label="1" >
                        <div class="font-text-al-l">申报材料辅导(正式提交材料之前)</div>   
                    </el-radio>
                </el-radio-group>
                <div>
                    <div class="font-content font-text-al-l">
                        大致流程:<br/>
                        (1)企业按申报表据文填写，提交之前报给辅导团队<br/>
                        (2)咨询团队根据往年考核评判重点，给出修改建议<br/>
                        (3)企业修改完善后企业正式提交申报材料<br/>
                        (4) 辅导结束
                    </div>
                </div>
                <el-radio-group v-model="form.f">
                    <el-radio label="1" >
                        <div class="font-text-al-l">项目申报全程咨询</div>   
                    </el-radio>
                </el-radio-group>
                <div>
                    <div class="font-content font-text-al-l">
                        大致流程:<br/>
                        提交材料前<br/>
                        (1)企业按申报表据文填写，报给咨询服务团队<br/>
                        (2)咨询服务团队根据往年考核评判重点，给出修改建议。必要时，企业提资料，咨询团队帮助填写，然后由众业确<br/>
                        (3)修改完善后，企业正式提交材料<br/>
                        提交材料后<br/>
                        (1)全程关键节点提供辅导，帮助企业从客应对<br/>
                        (2)企业达成理想自标，咨询服务结束
                    </div>
                </div>
            </el-form>
        </div>
        <div class="font-title p-t p-b" style="text-align: left;">3.申报单位联系方式(必填)</div>
        <el-form :model="form" label-width="100px" size="large">
            <el-row :gutter="20">
                <el-col :span="24">
                    <el-form-item label="申报单位(全)">
                        <el-col :span="24">
                            <el-input v-model="form.sign"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="24">
                    <el-form-item label="牵头部门">
                        <el-col :span="24">
                            <el-input v-model="form.pt"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="联系人">
                        <el-col :span="24">
                            <el-input v-model="form.phone"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="职务">
                        <el-col :span="24">
                            <el-input v-model="form.name"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="联系电话">
                        <el-col :span="24">
                            <el-input v-model="form.size"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="微信号">
                        <el-col :span="24">
                            <el-input v-model="form.size"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="邮箱">
                        <el-col :span="24">
                            <el-input v-model="form.size"/>
                        </el-col>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="联系地址">
                        <el-col :span="24">
                            <el-input v-model="form.size"/>
                        </el-col>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <div class="cursor-p btn-submit" @click="submit" >提交</div>
    </div>
</template>

<script setup>
import { ref,reactive } from "vue";
import { ElMessage } from 'element-plus'
    const form = ref({
        a:'1'
    })
    const loading = ref(false)
    const submit = ()=>{
        loading.value = true
        setTimeout(()=>{
            loading.value = false
        },300)
        
    }
</script>

<style lang='less' scoped>
/deep/ .el-input--large .el-input__wrapper{
    padding: 0 0px;
    background:#f6f7f9;
}
/deep/ .el-textarea__inner{
    background:#f6f7f9;
}
::v-deep {

.el-input__inner {
  border: 0;
  border-radius: 0px;

  // &:focus {
  //   border-bottom: 1px solid #409eff;
  // }
}

.el-textarea__inner {
  resize: none;
  /* 这个是去掉 textarea 下面拉伸的那个标志，如下图 */
  border: 0;
  border-radius: 0px;

  // &:focus {
  //   border-bottom: 1px solid #409eff;
  // }
}
}
</style>
  
  


